<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="keywords" content="手机 电视">
    <title>传智书城</title>
    <%@ include file="style.jsp" %>
    <link rel="stylesheet" type="text/css" href="css/book.css" />
    <!-- 引入 layui.css -->
</head>

<body>
<%@ include file="start.jsp" %>
<!--  导航 end -->
<%@ include file="header.jsp" %>
    <!--  header end -->
    <!-- 中间分类  start -->
    <div class="submena clearfix">
        <span class="layui-breadcrumb" lay-separator=">">
            <a href="${pageContext.request.contextPath}/shop/client">首页</a>
            <a href="">计算机</a>
            <a><cite>Java基础入门</cite></a>
        </span>
    </div>

    <div class="center_con clearfix">
        <div class="main_menu fl ">
            <div class="layui-panel imgbox">
                <div style="padding: 30px;height: 350px;width: 250px;"><img src="${pageContext.request.contextPath}/shop/client/${book.imgurl}" width="80%" height="80%"></div>
            </div>
        </div>
        <div class="goods_detail_list fr">
            <h3><img src="images/miniicon3.gif" alt=""> ${book.name}</h3>
            <div class="layui-collapse">
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">内容简介</h2>
                    <div class="layui-colla-content ">${book.description}
                    </div>
                </div>
            </div>
            <div class="type">类别：<em>${book.category}</em></div>
            <div class="total">售价：<em>￥${book.price}元</em></div>
            <a href="addGoodToCart?id=${book.id}" class="layui-btn layui-btn-primary layui-border-blue buy"
                style="margin-top: 42px;"><img src="${pageContext.request.contextPath}/shop/client/images/cart.gif" alt=""> 购买</a>
        </div>
    </div>
    <!--  footer start -->
<%@include file="footer.jsp"%>

<script src="./js/main.js"></script>
    <!-- 引入 layui.js -->
    <script src="js/jquery-1.12.4.js"></script>
    <script>
        layui.use('element', function () {
            var element = layui.element;
            var layer = layui.layer;
            //监听折叠
            element.on('collapse(test)', function (data) {
                layer.msg('展开状态：' + data.show);
            });
        });
    </script>
</body>

</html>